<template>
<div>
    <el-form>
        <div>
            <el-button type="primary" style="display:flex;justify-content:flex-start; margin:5px;"
            @click="AddNewUser=true"
            >新增账号</el-button>
        </div>
        <table>
            <tr>
                <td>账号名</td>
                <td>角色列表</td>
                <td>操作</td>
            </tr>
            <tr>
                <td>zmt</td>
                <td>admin</td>
                <td>
                    <el-button type="primary">编辑</el-button>
                    <el-button type="danger">删除</el-button>
                </td>
            </tr>
        </table>
    </el-form>
    <adduser-menage
    :AddNewUser='AddNewUser'
    />
</div>
</template>
<script>
import AdduserMenage from './AdduserMenage'
export default {
    components:{AdduserMenage},
    data(){
        return {
            AddNewUser:false
        }
    }
}
</script>
<style lang="scss" scoped>
  table{
        width: 80%;
        border: 1px solid #cccccc;
       tr{
           width: 100%;
           height: 50px;
           border-bottom:1px solid #cccccc;
           td{
               line-height: 50px;
               border-right: 1px solid #cccccc;
           } 
       }
    }
</style>
